a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: 400;
  vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block
}

body {
  line-height: 1
}

blockquote, q {
  quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

a {
  color: #7e8c8d;
  -webkit-backface-visibility: hidden;
  text-decoration: none
}

li {
  list-style: none
}

body {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@font-face {
  font-family: cube-icon;
  src: url(data:application/font-woff;base64,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) format("woff"), url(data:application/x-font-ttf;base64,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) format("truetype")
}

[class*=" cubeic-"], [class^=cubeic-] {
  font-family: cube-icon!important;
  font-size: 100%;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale
}

.cubeic-important:before {
  content: "\E68B"
}

.cubeic-alert:before {
  content: "\E676"
}

.cubeic-ok:before {
  content: "\E68C"
}

.cubeic-back:before {
  content: "\E608"
}

.cubeic-arrow:before {
  content: "\E60B"
}

.cubeic-close:before {
  content: "\E60D"
}

.cubeic-warn:before {
  content: "\E614"
}

.cubeic-question:before {
  content: "\E616"
}

.cubeic-right:before {
  content: "\E617"
}

.cubeic-wrong:before {
  content: "\E618"
}

.cubeic-info:before {
  content: "\E619"
}

.cubeic-danger:before {
  content: "\E641"
}

.cubeic-round-border:before {
  content: "\E683"
}

.cube-btn {
  display: block;
  margin: 0;
  padding: 17px 16px;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  background: #4a4c5b;
  outline: none;
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent
}

.cube-btn>i {
  display: inline-block;
  margin-right: 4px;
  font-size: 100%;
  -webkit-transform: scale(1.13);
  transform: scale(1.13);
  -webkit-transform-origin: right center;
  transform-origin: right center
}

.cube-btn.cube-btn_active, .cube-btn:active {
  background: #444654;
  position: relative
}

.cube-btn.cube-btn_active:after, .cube-btn:active:after {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border: 1px solid #444654;
  border-radius: 2px;
  box-sizing: border-box;
  width: 100%;
  height: 100%
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .cube-btn.cube-btn_active:after, .cube-btn:active:after {
    width: 200%;
    height: 200%;
    border-radius: 4px;
    -webkit-transform: scale(.5) translateZ(0);
    transform: scale(.5) translateZ(0)
  }
}

@media (-webkit-min-device-pixel-ratio:3), (min-resolution:3dppx) {
  .cube-btn.cube-btn_active:after, .cube-btn:active:after {
    width: 300%;
    height: 300%;
    border-radius: 6px;
    -webkit-transform: scale(.333) translateZ(0);
    transform: scale(.333) translateZ(0)
  }
}

.cube-btn.cube-btn_disabled, .cube-btn.cube-btn_disabled.cube-btn_active, .cube-btn.cube-btn_disabled:active {
  color: #fff;
  background: #ccc;
  position: relative
}

.cube-btn.cube-btn_disabled.cube-btn_active:after, .cube-btn.cube-btn_disabled:active:after, .cube-btn.cube-btn_disabled:after {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
  width: 100%;
  height: 100%
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .cube-btn.cube-btn_disabled.cube-btn_active:after, .cube-btn.cube-btn_disabled:active:after, .cube-btn.cube-btn_disabled:after {
    width: 200%;
    height: 200%;
    border-radius: 4px;
    -webkit-transform: scale(.5) translateZ(0);
    transform: scale(.5) translateZ(0)
  }
}

@media (-webkit-min-device-pixel-ratio:3), (min-resolution:3dppx) {
  .cube-btn.cube-btn_disabled.cube-btn_active:after, .cube-btn.cube-btn_disabled:active:after, .cube-btn.cube-btn_disabled:after {
    width: 300%;
    height: 300%;
    border-radius: 6px;
    -webkit-transform: scale(.333) translateZ(0);
    transform: scale(.333) translateZ(0)
  }
}

.cube-btn-inline {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  padding: 9px 10px;
  font-size: 12px
}

.cube-btn-inline>i {
  margin-right: 2px;
  -webkit-transform: scale(1.14);
  transform: scale(1.14)
}

.cube-btn-primary {
  color: #fff;
  background: #fc9153;
  position: relative
}

.cube-btn-primary:after {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border: 1px solid #fc9153;
  border-radius: 2px;
  box-sizing: border-box;
  width: 100%;
  height: 100%
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .cube-btn-primary:after {
    width: 200%;
    height: 200%;
    border-radius: 4px;
    -webkit-transform: scale(.5) translateZ(0);
    transform: scale(.5) translateZ(0)
  }
}

@media (-webkit-min-device-pixel-ratio:3), (min-resolution:3dppx) {
  .cube-btn-primary:after {
    width: 300%;
    height: 300%;
    border-radius: 6px;
    -webkit-transform: scale(.333) translateZ(0);
    transform: scale(.333) translateZ(0)
  }
}

.cube-btn-primary.cube-btn_active, .cube-btn-primary:active {
  background: #e8864c;
  position: relative
}

.cube-btn-primary.cube-btn_active:after, .cube-btn-primary:active:after {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border: 1px solid #e8864c;
  border-radius: 2px;
  box-sizing: border-box;
  width: 100%;
  height: 100%
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .cube-btn-primary.cube-btn_active:after, .cube-btn-primary:active:after {
    width: 200%;
    height: 200%;
    border-radius: 4px;
    -webkit-transform: scale(.5) translateZ(0);
    transform: scale(.5) translateZ(0)
  }
}

@media (-webkit-min-device-pixel-ratio:3), (min-resolution:3dppx) {
  .cube-btn-primary.cube-btn_active:after, .cube-btn-primary:active:after {
    width: 300%;
    height: 300%;
    border-radius: 6px;
    -webkit-transform: scale(.333) translateZ(0);
    transform: scale(.333) translateZ(0)
  }
}

.cube-btn-light {
  color: #666;
  background: #fcfcfc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.cube-btn-light.cube-btn_active, .cube-btn-light:active {
  background: #e8e8e8;
  position: relative
}

.cube-btn-light.cube-btn_active:after, .cube-btn-light:active:after {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  box-sizing: border-box;
  width: 100%;
  height: 100%
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .cube-btn-light.cube-btn_active:after, .cube-btn-light:active:after {
    width: 200%;
    height: 200%;
    border-radius: 4px;
    -webkit-transform: scale(.5) translateZ(0);
    transform: scale(.5) translateZ(0)
  }
}

@media (-webkit-min-device-pixel-ratio:3), (min-resolution:3dppx) {
  .cube-btn-light.cube-btn_active:after, .cube-btn-light:active:after {
    width: 300%;
    height: 300%;
    border-radius: 6px;
    -webkit-transform: scale(.333) translateZ(0);
    transform: scale(.333) translateZ(0)
  }
}

.cube-btn-outline {
  color: #666;
  background: none;
  position: relative
}

.cube-btn-outline:after {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border: 1px solid #666;
  border-radius: 2px;
  box-sizing: border-box;
  width: 100%;
  height: 100%
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .cube-btn-outline:after {
    width: 200%;
    height: 200%;
    border-radius: 4px;
    -webkit-transform: scale(.5) translateZ(0);
    transform: scale(.5) translateZ(0)
  }
}

@media (-webkit-min-device-pixel-ratio:3), (min-resolution:3dppx) {
  .cube-btn-outline:after {
    width: 300%;
    height: 300%;
    border-radius: 6px;
    -webkit-transform: scale(.333) translateZ(0);
    transform: scale(.333) translateZ(0)
  }
}

.cube-btn-outline.cube-btn_active, .cube-btn-outline:active {
  background: rgba(0, 0, 0, .08);
  position: relative
}

.cube-btn-outline.cube-btn_active:after, .cube-btn-outline:active:after {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border: 1px solid #666;
  border-radius: 2px;
  box-sizing: border-box;
  width: 100%;
  height: 100%
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .cube-btn-outline.cube-btn_active:after, .cube-btn-outline:active:after {
    width: 200%;
    height: 200%;
    border-radius: 4px;
    -webkit-transform: scale(.5) translateZ(0);
    transform: scale(.5) translateZ(0)
  }
}

@media (-webkit-min-device-pixel-ratio:3), (min-resolution:3dppx) {
  .cube-btn-outline.cube-btn_active:after, .cube-btn-outline:active:after {
    width: 300%;
    height: 300%;
    border-radius: 6px;
    -webkit-transform: scale(.333) translateZ(0);
    transform: scale(.333) translateZ(0)
  }
}

.cube-btn-outline-primary {
  color: #fc9153;
  background: none;
  position: relative
}

.cube-btn-outline-primary:after {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border: 1px solid #fc9153;
  border-radius: 2px;
  box-sizing: border-box;
  width: 100%;
  height: 100%
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .cube-btn-outline-primary:after {
    width: 200%;
    height: 200%;
    border-radius: 4px;
    -webkit-transform: scale(.5) translateZ(0);
    transform: scale(.5) translateZ(0)
  }
}

@media (-webkit-min-device-pixel-ratio:3), (min-resolution:3dppx) {
  .cube-btn-outline-primary:after {
    width: 300%;
    height: 300%;
    border-radius: 6px;
    -webkit-transform: scale(.333) translateZ(0);
    transform: scale(.333) translateZ(0)
  }
}

.cube-btn-outline-primary.cube-btn_active, .cube-btn-outline-primary:active {
  background: rgba(252, 145, 83, .08);
  position: relative
}

.cube-btn-outline-primary.cube-btn_active:after, .cube-btn-outline-primary:active:after {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border: 1px solid #e8864c;
  border-radius: 2px;
  box-sizing: border-box;
  width: 100%;
  height: 100%
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .cube-btn-outline-primary.cube-btn_active:after, .cube-btn-outline-primary:active:after {
    width: 200%;
    height: 200%;
    border-radius: 4px;
    -webkit-transform: scale(.5) translateZ(0);
    transform: scale(.5) translateZ(0)
  }
}

@media (-webkit-min-device-pixel-ratio:3), (min-resolution:3dppx) {
  .cube-btn-outline-primary.cube-btn_active:after, .cube-btn-outline-primary:active:after {
    width: 300%;
    height: 300%;
    border-radius: 6px;
    -webkit-transform: scale(.333) translateZ(0);
    transform: scale(.333) translateZ(0)
  }
}

.cube-checkbox {
  position: relative;
  padding: 0 16px;
  text-align: left;
  font-size: 100%;
  color: #666;
  background-color: #fff
}

.cube-checkbox[data-pos=right] .cube-checkbox-wrap {
  padding-left: 0;
  padding-right: 1.42em
}

.cube-checkbox[data-pos=right] .cube-checkbox-ui {
  left: auto;
  right: 0
}

.cube-checkbox-wrap {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 11px 0;
  line-height: 1.5;
  word-break: break-word;
  word-wrap: break-word
}

.cube-checkbox-input {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0
}

.cube-checkbox-ui {
  position: relative;
  width: 1em;
  height: 1em;
  margin-right: .42em;
  line-height: 1;
  border-radius: 50%
}

.cube-checkbox-ui:before, .cube-checkbox-ui i {
  -webkit-transition: all .2s;
  transition: all .2s
}

.cube-checkbox-ui:before {
  color: #ccc;
  display: inline-block;
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}

.cube-checkbox-ui i {
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
  -webkit-transform: scale(.4);
  transform: scale(.4)
}

.cube-checkbox_checked .cube-checkbox-ui:before {
  color: transparent
}

.cube-checkbox_checked .cube-checkbox-ui i {
  color: #fc9153;
  -webkit-transform: scale(1.23);
  transform: scale(1.23)
}

.cube-checkbox_disabled .cube-checkbox-ui {
  background-color: #eee
}

.cube-checkbox_disabled .cube-checkbox-ui:before, .cube-checkbox_disabled .cube-checkbox-ui i {
  -webkit-transition: none;
  transition: none
}

.cube-checkbox_disabled .cube-checkbox-ui:before {
  color: transparent
}

.cube-checkbox_disabled .cube-checkbox-ui i {
  color: #eee
}

.cube-checkbox_checked.cube-checkbox_disabled .cube-checkbox-ui {
  background-color: #fff
}

.cube-checkbox-group {
  z-index: 1;
  overflow: hidden
}

.cube-checkbox-group .cube-checkbox:last-child .cube-checkbox-wrap:after, .cube-checkbox-group .cube-checkbox:last-child .cube-checkbox-wrap:before {
  display: none
}

.cube-checkbox-group[data-horz=true] {
  display: -webkit-box;
  display: flex;
  padding-left: 0;
  position: relative;
  border-radius: 2px
}

.cube-checkbox-group[data-horz=true]:after {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
  width: 100%;
  height: 100%
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .cube-checkbox-group[data-horz=true]:after {
    width: 200%;
    height: 200%;
    border-radius: 4px;
    -webkit-transform: scale(.5) translateZ(0);
    transform: scale(.5) translateZ(0)
  }
}

@media (-webkit-min-device-pixel-ratio:3), (min-resolution:3dppx) {
  .cube-checkbox-group[data-horz=true]:after {
    width: 300%;
    height: 300%;
    border-radius: 6px;
    -webkit-transform: scale(.333) translateZ(0);
    transform: scale(.333) translateZ(0)
  }
}

.cube-checkbox-group[data-horz=true] .cube-checkbox {
  -webkit-box-flex: 1;
  flex: 1;
  flex-basis: 1e-9px;
  width: 1%;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px
}

.cube-checkbox-group[data-horz=true] .cube-checkbox:after {
  border-color: #ccc
}

.cube-checkbox-group[data-horz=true] .cube-checkbox:last-child:after, .cube-checkbox-group[data-horz=true] .cube-checkbox:last-child:before {
  display: none
}

.cube-checkbox-group[data-horz=true] .cube-checkbox-wrap {
  display: -webkit-inline-box;
  display: inline-flex;
  width: auto
}

.cube-popup {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100
}

.cube-popup-container, .cube-popup-mask {
  position: absolute;
  width: 100%;
  height: 100%
}

.cube-popup-mask {
  background-color: rgba(37, 38, 45, .4)
}

.cube-popup-container {
  -webkit-transform: translate(100%, 100%);
  transform: translate(100%, 100%)
}

.cube-popup-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  -webkit-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%)
}

.cube-popup-center .cube-popup-content {
  position: absolute;
  top: -50%;
  left: -50%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.cube-dialog-main {
  width: 270px;
  padding: 0;
  text-align: center;
  overflow: hidden;
  border-radius: 2px;
  background-color: #fff
}

.cube-dialog-alert, .cube-dialog-confirm {
  position: relative;
  overflow: hidden
}

.cube-dialog-icon {
  margin-top: 20px;
  margin-bottom: 16px;
  line-height: 1;
  color: #4a4c5b;
  font-size: 30px
}

.cube-dialog-icon i {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 10px;
  border-radius: 50%;
  background-color: #f3f4f5
}

.cube-dialog-icon+.cube-dialog-title .cube-dialog-title-def {
  margin-top: 0
}

.cube-dialog-icon+.cube-dialog-content {
  margin-top: -4px
}

.cube-dialog-title {
  color: #333;
  font-size: 16px;
  line-height: 1
}

.cube-dialog-title+.cube-dialog-content {
  margin-top: 12px
}

.cube-dialog-title-def {
  margin: 30px 16px 0;
  overflow: hidden;
  white-space: nowrap
}

.cube-dialog-content {
  margin: 16px 0;
  text-align: left;
  color: #666;
  font-size: 14px;
  line-height: 22px
}

.cube-dialog-content-def {
  padding: 0 16px
}

.cube-dialog-content-def>p {
  display: table;
  margin: auto
}

.cube-dialog-confirm .cube-dialog-btns .cube-dialog-btn {
  width: 50%;
  float: left
}

.cube-dialog-confirm .cube-dialog-btns.border-right-1px:after {
  right: 50%;
  border-color: #ebebeb
}

.cube-icon-confirm {
  background-size: 262px 53px
}

.cube-dialog-close {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  color: #999;
  font-size: 18px
}

.cube-dialog-btns {
  overflow: hidden;
  width: 100%;
  font-size: 0
}

.cube-dialog-btn {
  display: inline-block;
  width: 100%;
  padding: 17px 10px;
  margin: 0;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #999;
  background-color: #fff;
  background-clip: padding-box;
  box-sizing: border-box
}

.cube-dialog-btn:active {
  // background-color: $$color-light-grey-opacity
}

.cube-dialog-btn_highlight {
  color: #fc9153
}

.cube-dialog-btn_highlight:active {
  background-color: rgba(252, 145, 83, .04)
}

.cube-dialog-btn_disabled {
  color: #999
}

.cube-dialog-btn_disabled:active {
  background-color: transparent
}

.cube-dialog-fade-enter-active {
  -webkit-animation: dialog-fadein .4s;
  animation: dialog-fadein .4s
}

.cube-dialog-fade-enter-active .cube-dialog-main {
  -webkit-animation: dialog-zoom .4s;
  animation: dialog-zoom .4s
}

@-webkit-keyframes dialog-fadein {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes dialog-fadein {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes dialog-zoom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes dialog-zoom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.cube-loading img {
  display: block
}

.cube-toast.cube-popup {
  z-index: 900
}

.cube-toast .cube-popup-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 13px 16px;
  color: #ccc;
  background-color: rgba(37, 38, 45, .9);
  border-radius: 2px
}

.cube-toast-icon {
  width: 24px;
  max-height: 24px;
  font-size: 24px
}

.cube-toast-tip {
  line-height: 20px;
  font-size: 14px;
  max-width: 12em;
  max-height: 40px;
  overflow: hidden;
  margin-left: 8px
}

.cube-toast-fade-enter-active {
  -webkit-animation: toast-in .2s;
  animation: toast-in .2s
}

.cube-toast-fade-leave-active {
  -webkit-animation: toast-out .2s;
  animation: toast-out .2s
}

@-webkit-keyframes toast-in {
  0% {
    opacity: 0
  }
  to {
    opacity: .8
  }
}

@keyframes toast-in {
  0% {
    opacity: 0
  }
  to {
    opacity: .8
  }
}

@-webkit-keyframes toast-out {
  0% {
    opacity: .8
  }
  to {
    opacity: 0
  }
}

@keyframes toast-out {
  0% {
    opacity: .8
  }
  to {
    opacity: 0
  }
}

.cube-action-sheet-fade-enter, .cube-action-sheet-fade-leave-active {
  opacity: 0
}

.cube-action-sheet-fade-enter-active, .cube-action-sheet-fade-leave-active {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.cube-action-sheet-panel {
  text-align: center;
  font-size: 14px
}

.cube-action-sheet-move-enter, .cube-action-sheet-move-leave-active {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
}

.cube-action-sheet-move-enter-active, .cube-action-sheet-move-leave-active {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.cube-action-sheet-cancel {
  background-color: #fff
}

.cube-action-sheet-cancel span, .cube-action-sheet-item, .cube-action-sheet-title {
  display: block;
  padding: 17px 16px;
  margin: 0;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #666;
  background-color: #fff
}

.cube-action-sheet-cancel span:active, .cube-action-sheet-item:active {
  background-color: rgba(0, 0, 0, .04)
}

.cube-action-sheet-title {
  padding-top: 16px;
  padding-bottom: 16px;
  color: #333;
  font-size: 18px
}

.cube-action-sheet-content {
  overflow: hidden;
  background: #fff
}

.cube-action-sheet-list {
  list-style: none
}

.cube-action-sheet-item {
  list-style: none;
  -webkit-user-select: none;
  user-select: none
}

.cube-action-sheet-item:last-of-type:after, .cube-action-sheet-item:last-of-type:before {
  display: none
}

.cube-action-sheet-item[data-align=left] {
  text-align: left
}

.cube-action-sheet-item[data-align=right] {
  text-align: right
}

.cube-action-sheet-space {
  height: 6px
}

.cube-action-sheet-item_active {
  color: #fc9153
}

.cube-action-sheet_picker .cube-action-sheet-space {
  height: 0
}

.cube-action-sheet_picker .cube-action-sheet-title {
  height: 1em;
  padding-top: 21px;
  padding-bottom: 21px
}

.cube-action-sheet_picker .cube-action-sheet-cancel {
  position: absolute;
  top: 0;
  background-color: transparent
}

.cube-action-sheet_picker .cube-action-sheet-cancel span {
  padding-top: 23px;
  padding-bottom: 23px;
  color: #999;
  font-size: 14px;
  background-color: transparent
}

.cube-action-sheet_picker .cube-action-sheet-cancel span:active {
  color: #ccc;
  background-color: transparent
}

.cube-slide {
  min-height: 1px
}

.cube-slide-group {
  position: relative;
  overflow: hidden;
  white-space: nowrap
}

.cube-slide-dots {
  position: absolute;
  bottom: 2px;
  right: 0;
  left: 0;
  padding: 0 6px;
  text-align: center;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px)
}

.cube-slide-dots>span {
  display: inline-block;
  margin: 0 1px;
  width: 10px;
  height: 1px;
  background: #ccc
}

.cube-slide-dots>span.active {
  background: #fc9153
}

.cube-slide-item {
  float: left;
  box-sizing: border-box;
  text-align: center
}

.cube-slide-item>a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-decoration: none
}

.cube-slide-item>a>img {
  width: 100%;
  height: 100%;
  display: block
}

body, html {
  line-height: 1;
  font-family: PingFang SC, STHeitiSC-Light, Helvetica-Light, arial, sans-serif;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent
}

.clear-fix:after {
  content: "";
  display: table;
  clear: both
}

.border-bottom-1px, .border-left-1px, .border-right-1px, .border-top-1px {
  position: relative
}

.border-bottom-1px:after, .border-bottom-1px:before, .border-left-1px:after, .border-left-1px:before, .border-right-1px:after, .border-right-1px:before, .border-top-1px:after, .border-top-1px:before {
  content: "";
  display: block;
  position: absolute;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0
}

.border-top-1px:before {
  border-top: 1px solid #ebebeb;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transform-origin: 0 top;
  transform-origin: 0 top
}

.border-right-1px:after {
  border-right: 1px solid #f5f5f5;
  top: 0;
  right: 0;
  height: 100%;
  -webkit-transform-origin: right 0;
  transform-origin: right 0
}

.border-bottom-1px:after {
  border-bottom: 1px solid #ebebeb;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-transform-origin: 0 bottom;
  transform-origin: 0 bottom
}

.border-left-1px:before {
  border-left: 1px solid #f5f5f5;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-transform-origin: left 0;
  transform-origin: left 0
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  .border-top-1px:before {
    width: 200%
  }
  .border-right-1px:after, .border-top-1px:before {
    -webkit-transform: scale(.5) translateZ(0);
    transform: scale(.5) translateZ(0)
  }
  .border-right-1px:after {
    height: 200%
  }
  .border-bottom-1px:after {
    width: 200%
  }
  .border-bottom-1px:after, .border-left-1px:before {
    -webkit-transform: scale(.5) translateZ(0);
    transform: scale(.5) translateZ(0)
  }
  .border-left-1px:before {
    height: 200%
  }
}

@media (-webkit-min-device-pixel-ratio:3), (min-resolution:3dppx) {
  .border-top-1px:before {
    width: 300%
  }
  .border-right-1px:after, .border-top-1px:before {
    -webkit-transform: scale(.333) translateZ(0);
    transform: scale(.333) translateZ(0)
  }
  .border-right-1px:after {
    height: 300%
  }
  .border-bottom-1px:after {
    width: 300%
  }
  .border-bottom-1px:after, .border-left-1px:before {
    -webkit-transform: scale(.333) translateZ(0);
    transform: scale(.333) translateZ(0)
  }
  .border-left-1px:before {
    height: 300%
  }
}

.cube-index-list {
  position: relative;
  width: 100%;
  height: 100%
}

.cube-index-list .cube-scroll-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden
}

.cube-index-list-content {
  background: #fff;
  box-shadow: 0 3px 6px #eee;
  border-radius: 2px
}

.cube-index-list-title {
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.6;
  color: #333
}

.cube-index-list-anchor, .cube-index-list-fixed {
  padding: 16px 16px 10px;
  line-height: 1;
  font-size: 14px;
  color: #999;
  background: #f7f7f7
}

.cube-index-list-item {
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 16px;
  font-size: 14px;
  color: #333
}

.cube-index-list-item:last-child:after, .cube-index-list-item:last-child:before {
  display: none
}

.cube-index-list-item_active {
  background: rgba(0, 0, 0, .04)
}

.cube-index-list-fixed {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box
}

.cube-index-list-nav {
  position: absolute;
  z-index: 30;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: Helvetica
}

.cube-index-list-nav>ul {
  padding: 0;
  margin: 0
}

.cube-index-list-nav>ul>li {
  padding: 6px 16px 0;
  line-height: 1;
  text-align: center;
  font-size: 12px;
  color: #666
}

.cube-index-list-nav>ul>li.active {
  color: #fc9153
}

@media (max-height:480px) {
  .cube-index-list-nav>ul>li {
    padding-top: 3px
  }
}

.cube-pulldown-wrapper {
  position: absolute;
  width: 100%;
  left: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-transition: all;
  transition: all
}

.cube-pulldown-wrapper .after-trigger {
  margin-top: 10px
}

.cube-pullup-wrapper {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 16px 0
}

.cube-scroll-content {
  position: relative;
  z-index: 1
}

.cube-picker-fade-enter, .cube-picker-fade-leave-active {
  opacity: 0
}

.cube-picker-fade-enter-active, .cube-picker-fade-leave-active {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.cube-picker-panel {
  height: 273px;
  text-align: center;
  font-size: 14px;
  background: #fff
}

.cube-picker-move-enter, .cube-picker-move-leave-active {
  -webkit-transform: translate3d(0, 273px, 0);
  transform: translate3d(0, 273px, 0)
}

.cube-picker-move-enter-active, .cube-picker-move-leave-active {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.cube-picker-choose {
  position: relative;
  height: 60px
}

.cube-picker-choose>span {
  position: absolute;
  top: 6px;
  padding: 16px;
  font-size: 14px
}

.cube-picker-choose>[data-action=confirm] {
  right: 0;
  color: #fc9153
}

.cube-picker-choose>[data-action=confirm]:active {
  color: #fdc2a5
}

.cube-picker-choose>[data-action=cancel] {
  left: 0;
  color: #999
}

.cube-picker-choose>[data-action=cancel]:active {
  color: #ccc
}

.cube-picker-choose>h1 {
  margin: 0;
  line-height: 60px;
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  color: #333
}

.cube-picker-content {
  position: relative;
  top: 20px
}

.cube-picker-content>i {
  position: absolute;
  z-index: 10;
  left: 0;
  width: 100%;
  height: 68px;
  pointer-events: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.cube-picker-content>.border-bottom-1px {
  top: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, .4)), to(hsla(0, 0%, 100%, .8)));
  background: -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .8));
  background: linear-gradient(0deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .8))
}

.cube-picker-content>.border-top-1px {
  bottom: 1px;
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .4)), to(hsla(0, 0%, 100%, .8)));
  background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .8));
  background: linear-gradient(180deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .8))
}

.cube-picker-wheel-wrapper {
  display: -webkit-box;
  display: flex;
  padding: 0 16px
}

.cube-picker-wheel-wrapper>div {
  -webkit-box-flex: 1;
  flex: 1;
  flex-basis: 1e-9px;
  width: 1%;
  height: 173px;
  overflow: hidden;
  font-size: 20px
}

.wheel-scroll {
  padding: 0;
  margin-top: 68px;
  line-height: 36px;
  list-style: none
}

.wheel-scroll>li {
  list-style: none;
  height: 36px;
  overflow: hidden;
  white-space: nowrap;
  color: #333
}

.cube-picker-footer {
  height: 20px
}

.cube-tip {
  display: -webkit-box;
  display: flex;
  z-index: 10;
  position: absolute;
  padding: 10px 38px 10px 16px;
  max-height: 60px;
  font-size: 12px;
  color: #fff;
  background: rgba(74, 76, 91, .8);
  border-radius: 2px;
  -webkit-transition: opacity .2s;
  transition: opacity .2s
}

.cube-tip[data-dir=bottom] .cube-tip-angle, .cube-tip[data-dir=top] .cube-tip-angle {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.cube-tip[data-dir=top] .cube-tip-angle {
  top: 0
}

.cube-tip[data-dir=top] .cube-tip-angle:before {
  margin-top: -6px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

.cube-tip[data-dir=bottom] .cube-tip-angle {
  bottom: 0
}

.cube-tip[data-dir=bottom] .cube-tip-angle:before {
  margin-bottom: -6px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.cube-tip[data-dir=left] .cube-tip-angle, .cube-tip[data-dir=right] .cube-tip-angle {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.cube-tip[data-dir=left] .cube-tip-angle {
  left: 0
}

.cube-tip[data-dir=left] .cube-tip-angle:before {
  margin-left: -9px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.cube-tip[data-dir=right] .cube-tip-angle {
  right: 0
}

.cube-tip[data-dir=right] .cube-tip-angle:before {
  margin-right: -9px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.cube-tip-angle {
  position: absolute
}

.cube-tip-angle:before {
  content: "";
  display: block;
  border-width: 0 6px 6px;
  border-style: solid;
  border-color: transparent transparent rgba(74, 76, 91, .8)
}

.cube-tip-close {
  position: absolute;
  right: 14px;
  top: 12px;
  width: 12px;
  height: 12px;
  padding: 0;
  color: inherit;
  outline: none;
  border: none;
  background: none;
  -webkit-transform: scale(1.3);
  transform: scale(1.3)
}

.cube-tip-content {
  min-height: 18px;
  line-height: 18px;
  -webkit-box-flex: 1;
  flex: 1;
  flex-basis: 1e-9px;
  width: 1%;
  overflow: hidden
}

.cube-tip-zoom-enter-active {
  -webkit-animation: tip-in .4s;
  animation: tip-in .4s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.cube-tip-zoom-leave-active {
  -webkit-animation: tip-out .2s;
  animation: tip-out .2s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

@-webkit-keyframes tip-in {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes tip-in {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes tip-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }
}

@keyframes tip-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }
}

body {
  background-color: #fff
}

.cube-bar {
  position: fixed;
  z-index: 10;
  right: 0;
  left: 0;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background-color: #f7f7f7;
  box-shadow: 0 1px 6px #ccc;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.cube-bar h1 {
  font-size: 18px;
  font-weight: 500
}

.cube-content {
  position: fixed;
  width: 100%;
  top: 44px;
  left: 0;
  bottom: 0;
  overflow: scroll
}

.cube-content .cube-list {
  padding-left: 10px
}

.cube-content .cube-list .cube-item {
  height: 40px;
  line-height: 40px
}

.cube-content .cube-list .cube-item .link {
  display: block;
  position: relative;
  width: 100%;
  color: #333;
  text-decoration: none;
  outline: 0
}

.cube-content .cube-list .cube-item .link .cubeic-arrow {
  position: absolute;
  right: 0;
  padding: 0 5px;
  color: #ccc
}

.cube-view {
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.cube-view.move-enter-active, .cube-view.move-leave-active {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0)
}

.cube-btn-group>button {
  margin: 10px 0
}

.cube-btn-group.row>button {
  display: inline-block;
  width: auto;
  margin: 10px 5px
}

.cube-btn-group.row>button:first-child {
  margin-left: 0
}

.cube-btn-group.row>button:last-child {
  margin-right: 0
}

.cube-page {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #efeff4
}

.cube-page .header {
  position: relative;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background-color: #f7f7f7;
  box-shadow: 0 1px 6px #ccc;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 99
}

.cube-page .header h1 {
  font-size: 16px;
  font-weight: 700
}

.cube-page .header .cubeic-back {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 15px;
  color: #fc9153
}

.cube-page .wrapper {
  width: 100%;
  height: calc(100% - 44px);
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.cube-page .wrapper .desc {
  padding: 10px;
  margin: 10px 0;
  line-height: 20px;
  font-size: 14px
}

.cube-page .wrapper .content {
  margin: 10px
}

.cube-page.option-demo .wrapper {
  background-color: #fff
}

.cube-page.option-demo .title {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  padding: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  margin-bottom: 15px
}

.cube-page.option-demo .options {
  margin-bottom: 15px
}

.cube-page.option-demo .option-list .group {
  margin-bottom: 15px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 5px
}

.cube-page.option-demo .option-list .item {
  height: 52px;
  border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.cube-page.option-demo .option-list .item.sub {
  font-size: 14px;
  background-color: rgba(0, 0, 0, .04)
}

.cube-page.option-demo .option-list .item.sub.first {
  box-shadow: inset 0 1px 1px 1px #eee
}

.cube-page.option-demo .option-list .item.sub.last {
  border-bottom: none
}

.cube-page.option-demo .demo {
  margin-bottom: 15px
}

.cube-page.option-demo .demo .scroll-list-wrap {
  position: relative;
  height: 480px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 5px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  overflow: hidden
}

.cube-page.option-demo .methods .method-list .group {
  margin-bottom: 15px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 5px
}

.cube-page.option-demo .methods .method-list .item, .cube-page.option-demo .methods .method-list button {
  height: 40px;
  font-size: 16px
}

.cube-page.option-demo .methods .method-list .item {
  // background-color: $color-active-light-gray;
  border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.cube-page.option-demo .methods .method-list button {
  width: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fc9153;
  box-shadow: 0 0 0 1px #fc9153;
  border: none;
  outline: none;
  color: #fff
}

.checkbox-group-view .content>*, .checkbox-view .content>* {
  margin: 10px 0
}

.tip-view .tip-eg {
  position: relative;
  width: 300px;
  margin: 70px auto;
  text-align: center
}

.tip-view .cube-btn {
  margin-bottom: 10px
}

.my-title-img {
  height: 120px;
  margin-bottom: 16px;
  background: url("") no-repeat 50%;
  background-size: 100%
}

.my-content {
  text-align: center
}

.scroll-wrapper .cube-scroll-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #fff
}

.scroll-wrapper .cube-scroll-wrapper .cube-scroll-content {
  position: relative;
  z-index: 10;
  background: #fff
}

.scroll-wrapper .cube-scroll-wrapper .cube-scroll-content .scroll-item {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  padding-left: 20px;
  border-bottom: 1px solid #e5e5e5
}

.scroll-wrapper .cube-scroll-wrapper .cube-pulldown-wrapper .before-trigger {
  font-size: 30px;
  align-self: flex-end
}

.scroll-wrapper .cube-scroll-wrapper .cube-pulldown-wrapper .before-trigger span {
  display: inline-block;
  -webkit-transition: all .3s;
  transition: all .3s;
  color: #666
}

.scroll-wrapper .cube-scroll-wrapper .cube-pulldown-wrapper .before-trigger span.rotate {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.switch-option[data-v-23ba2bf4] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  align-items: stretch;
  height: 100%;
  padding: 0 15px
}

.switch-option .name[data-v-23ba2bf4] {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  flex: 0 1 auto
}

.switch-option .switch-ellipse[data-v-23ba2bf4] {
  align-self: center;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  margin-top: 5px;
  display: inline-block;
  position: relative;
  height: 22px;
  width: 36px;
  background-color: #fff;
  border-radius: 1000px;
  border: 2px solid rgba(0, 0, 0, .1);
  -webkit-transition: all .1s;
  transition: all .1s
}

.switch-option .switch-ellipse.active[data-v-23ba2bf4] {
  background-color: #fc9153;
  border-color: transparent;
  -webkit-transition: all .2s ease .2s;
  transition: all .2s ease .2s
}

.switch-option .switch-ellipse .switch-circle[data-v-23ba2bf4] {
  position: absolute;
  display: inline-block;
  height: 20px;
  width: 20px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: -1px 1px 1px #999;
  top: 0;
  left: 0;
  -webkit-transition: all .3s;
  transition: all .3s
}

.switch-option .switch-ellipse .switch-circle.active[data-v-23ba2bf4] {
  left: 14px;
  border: 1px solid #fff;
  box-shadow: -1px 1px 1px #e8864c;
  -webkit-transition: all .3s ease .05s;
  transition: all .3s ease .05s
}

.input-option[data-v-9a03a030] {
  display: -webkit-box;
  display: flex;
  height: 100%;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  align-items: stretch;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  overflow: hidden
}

.input-option .name[data-v-9a03a030] {
  -webkit-box-flex: 0;
  flex: 0 0 120px;
  padding-left: 10px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center
}

.input-option input[data-v-9a03a030] {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  min-width: 1px;
  padding: 0 10px;
  background-color: #fff;
  border-left: 1px solid rgba(0, 0, 0, .1);
  box-shadow: inset 0 0 1px 1px #eee;
  outline: none
}

.input-option input[data-v-9a03a030]:focus {
  outline: 1px solid #fc9153;
  outline-offset: -1px
}

.select-option[data-v-acf6db14] {
  display: -webkit-box;
  display: flex;
  height: 100%;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  align-items: stretch
}

.select-option .name[data-v-acf6db14] {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  width: 120px
}

.select-option .name[data-v-acf6db14], .select-option .select[data-v-acf6db14] {
  display: -webkit-inline-box;
  display: inline-flex;
  padding-left: 10px;
  -webkit-box-align: center;
  align-items: center
}

.select-option .select[data-v-acf6db14] {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  border-left: 1px solid rgba(0, 0, 0, .1);
  box-shadow: inset 0 0 1px 1px #eee
}

.select-option .select[data-v-acf6db14]:focus {
  border: 1px solid #fc9153
}

.slide-container {
  height: 64px;
  margin-bottom: 15px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0 2px 9px #ddd
}

.view-wrapper {
  position: fixed;
  top: 54px;
  left: 0;
  bottom: 0;
  width: 100%
}

.view-wrapper .index-list-wrapper {
  height: 98%;
  width: 94%;
  margin: 0 auto
}

.popup-view .content>div {
  margin: 10px 0
}

.cube-my-popup .cube-popup-center .cube-popup-content {
  padding: 20px
}

.cube-my-popup .cube-popup-content {
  padding: 80px 20px;
  color: #fff;
  background-color: rgba(0, 0, 0, .8)
}

.cube-extend-popup .cube-extend-popup-content {
  padding: 20px;
  color: #fff;
  background-color: rgba(0, 0, 0, .8)
}